* {
  padding: 0;
  margin: 0;
  list-style: none;
  font-family: "微软雅黑";
}
body,
html {
  width: 100%;
  height: 100%;
  background: #F4F4F4;
}
.fw {
  font-weight: bold;
}
.ma {
  margin: 0 auto;
}
.flexbox {
  display: flex;
  display: -webkit-flex;
}
.header {
  font-size: 0.42666667rem;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  align-items: center;
  height: 1.33333333rem;
  background: #FFFFFF;
}
.header .leftheader {
  border-radius: 0.66666667rem;
  padding: 0 20px;
  width: 70%;
  background: #ececec;
  border: 1px solid #000;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.header .leftheader input {
  background: #ececec;
  border: none;
}
.header .rightheader {
  width: 20%;
  text-align: center;
}
.hotsea {
  font-size: 0.46666667rem;
  width: 93%;
  margin: 0 auto;
}
.hotsearch {
  width: 93%;
  margin: 0 auto;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  flex-wrap: wrap;
}
.hotsearch p {
  font-size: 0.4rem;
  width: 20%;
  height: 0.86666667rem;
  line-height: 0.86666667rem;
  text-align: center;
  background: #FFFFFF;
  border-radius: 0.26666667rem;
  margin: 10px;
}
